<%@ page language="java" contentType="text/html; charset=utf-8"	pageEncoding="utf-8"%>
<%@include file="/page/common/public.jspf"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="${skin }/index.css" />
<link rel="stylesheet" type="text/css" href="${path }/css/fouce.css" />
<script type="text/javascript" src="${path }/js/common/jquery1.10.2.min.js"></script>
<script type="text/javascript" src="${path }/js/v1.min.js"></script>
<script type="text/javascript" src="${path }/js/common/helper.js?v=${v}"></script>
<script type="text/javascript" src="${path }/js/checkLogin.js?v=${v}"></script>
<title>${configUtil.sitename}，您的理财专属通道。</title>
</head>

<body>
	<c:import url="include/top.jsp">
		<c:param name="type" value="index"></c:param>
	</c:import>
	<div class="p_index">
		<section>
			<div class="flexslider">
				<ul class="slides">
					<li style="background:url(${path}/images/jrh/banner01.jpg) 50% 0 no-repeat;"><a href="#"></a></li>
		        	<li style="background:url(${path}/images/jrh/banner02.jpg) 50% 0 no-repeat;"><a href="#"></a></li>
		        	<li style="background:url(${path}/images/jrh/banner03.jpg) 50% 0 no-repeat;"><a href="#"></a></li>
				</ul>
			</div>
			<!-- 代码end -->
			<!-- js调用部分begin -->
			<script src="${path }/js/jquery.flexslider-min.js"></script>
			<script>
				$(function() {
					$('.flexslider').flexslider({
						directionNav : true,
						pauseOnAction : false
					});
				});
			</script>
			<!-- js调用部分end -->
		</section>

		<section class="w1100">
		<%-- <img src="${path }/images/home_movie.png" style="width:1100px;margin-top: 5px;margin-bottom: -12px;"> --%>
			<div class="ui_product_tab box mt20" id="tabs">
				<div class="product_type">
					<div class="fl title">
						<i class="icon_line mr15"></i>P2P理财
					</div>
					<div class="fg_line"></div>
				</div>
				<div class="tabbd">
					<div class="con">
						<div class="conbd">
							<c:forEach items="${productList}" var="auto">
								<div class="p2p_product p5">
									<div class="clearfix bg_whtie">
										<div class="con_l">
											<h3 class="f16">
												<!--icon-->
												<i class="icon_CRD"></i>
												<!--/icon-->
												<a title="${auto.borrowName }" alt="${auto.borrowName }"
													href="<%=request.getContextPath()%>/borrowInfo/detail.htm?borrowInfoId=${auto.id}"
													target="_blank">${auto.borrowName }</a>
												<!-- <i class="deal_tips bg_blue" title="">国庆特惠标</i> -->
											</h3>
											<div class="fl w360">
												<p>
													<span>年化收益率： <i class="f20">${auto.borrowRate}</i> <ins
															class="f20">%</ins>
													</span>
												</p>
												<p>
													<span>总额：</span>${auto.borrowMoney/100/10000}万</p>
											</div>
											<div class="fl w265">
												<p>
													<span>投资期限：</span> <em><i class="f18">${auto.borrowDuration}</i>
														<c:if test="${auto.durType eq 'DAY'}">天</c:if> <c:if
															test="${auto.durType eq 'MONTH'}">个月</c:if> </em>
												</p>
												<p>
													<span>收益方式：</span>${auto.repaymentType.text }</p>
											</div>
											<div class="fl w265 progress_rate" total="1000000"
												has="534231.9300">
												<p>
													<span>投资进度：</span> <span class="progress"> <i
														class="ico_bace"></i> <i class="ico_yitou"
														style="width: ${(auto.raiseMoney / auto.borrowMoney) * 100}%;">进度条</i>
													</span>
													<ins class="f12 pl5">
														<fmt:formatNumber type="number"
															value="${(auto.raiseMoney / auto.borrowMoney) * 100} "
															maxFractionDigits="2" minFractionDigits="2" />
														%
													</ins>
												</p>
												<p>
													<span>剩余可投：</span>&nbsp;<fmt:formatNumber value="${(auto.borrowMoney - auto.raiseMoney) / 100}" pattern="#0.0"/>元
												</p>
											</div>
										</div>
										<div class="product_btn">
											<%-- <a
												href="<%=request.getContextPath()%>/borrowInfo/detail.htm?borrowInfoId=${auto.id}"
												class="btn_touzi">投资</a> --%>
												<c:choose>
													<c:when test="${auto.status eq 'RAISE'}">
														<a
															href="${path }/borrowInfo/detail.htm?borrowInfoId=${auto.id}"
															class="btn_touzi">投资</a>
													</c:when>
													<c:when
														test="${auto.status eq 'REPAYMENTED'}">
														<span class="btn_manbiao">已还清</span>
													</c:when>
													<c:when
														test="${auto.status eq 'REPAYMENTING'}">
														<span class="btn_manbiao">还款中</span>
													</c:when>
													<c:when
														test="${auto.status eq 'LOANING'}">
														<span class="btn_manbiao">放款中</span>
													</c:when>
													<c:when
														test="${auto.status eq 'END' and (auto.borrowMoney-auto.raiseMoney)<=0}">
														<span class="btn_manbiao">满标</span>
													</c:when>
													<c:otherwise>
														<span class="btn_manbiao">筹款结束</span>
													</c:otherwise>
												</c:choose>
										</div>
									</div>
								</div>
							</c:forEach>
						</div>
						<div class="deal_more">
							<a href="${path}/borrowInfo/list.htm">点击查看更多</a>
						</div>
					</div>
				</div>
			</div>
			<div class="box mb30 mt20 partner clearfix" id="scroll">
				<div class="title">
					<h2><i class="icon_line mr15"></i>合作伙伴</h2>
				</div>
				<div class="clearfix">
					<!-- <div class="left_but scroll_up"></div> -->
					<div class="scrollDiv"style="position: relative; overflow: hidden; display: block;"> 
						<ul>
							<li>
							<a href="http://www.cmbchina.com/" target="_blank" class="logo_h"><span style="background: url(${path}/images/huoban/02.jpg) no-repeat center;"></span></a>
							<a href="http://www.maxscreen.cn/" target="_blank" class="logo_h"><span style="background: url(${path}/images/huoban/05.jpg) no-repeat center;"></span></a>
							</li>
						</ul>
					</div>
					<!-- <div class="right_but scroll_down"></div> -->
				</div>
			</div>
		</section>

		<c:if test="${empty usersession}">
			<section class="index_step tc">
				<div class="step_img">
					<img src="//assets3.ncfstatic.com/v2/images/index/step.png">
				</div>
				<a href="${path }/page/register/step_one_register.jsp"
					class="reg_btn">立即注册</a>
			</section>
		</c:if>
		
	</div>
	<c:import url="include/foot.jsp"></c:import>
</body>
</html>